<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script src="../../js/jquery-1.9.1.min.js"></script>
<script src="../../js/angular.min.js"></script>
<body ng-app="zhengmian" ng-controller="zmCtrl">
<table align="center">
    <tr>
        <td></td>
        <td style="BORDER-right: #000000 1px solid;"></td>
        <td class="tWidth10" colspan="{{width-1}}" style="text-align: center;BORDER-right: #000000 1px solid;">{{(width-1)*1024}}</td>
    </tr>
    <tr>
        <td style="width:51px;border-bottom: #000000 1px solid;"></td>
        <td style="width:51px;BORDER-right: #000000 1px solid;border-bottom: #000000 1px solid;"></td>
        <!--<td class="wBaobian10" style="BORDER-right: #000000 1px solid;border-bottom: #000000 1px solid;">
            {{product.w_baobian}}
        </td>
        <!--<c:forEach var="i" begin="1" end="${width}" varStatus="status">-->
        <td ng-repeat="singleWidth in eachWidth" style="width:51px;BORDER-right: #000000 1px solid;border-bottom: #000000 1px solid;">1024</td>
        <!--</c:forEach>-->
        <!--<td class="wBaobian10" style="BORDER-right: #000000 1px solid;border-bottom: #000000 1px solid;">
            {{product.w_baobian}}
        </td>-->
    </tr>
    <tr>
        <!--<td class="tHeight10" rowspan="{{height+product.line+1}}" style="border-bottom: #000000 1px solid;">{{product.t_height}}</td>-->
        <td rowspan="{{height+product.line+1}}" style="border-bottom: #000000 1px solid;">{{(height-1)*1024}}</td>

        <!--<td style="BORDER-right: #000000 1px solid;border-bottom: #000000 1px solid;">{{product.h_baobian}}</td>-->
        <!--<td style="BORDER-right: #000000 1px solid;border-bottom: #000000 1px solid;background-image:url(../static/img/baobian.jpg);"></td>
        &lt;!&ndash;<c:forEach var="i" begin="1" end="${width}" varStatus="status">&ndash;&gt;
        <td ng-repeat="singleWidth in eachWidth" style="BORDER-right: #000000 1px solid;border-bottom: #000000 1px solid;background-image:url(../static/img/baobian.jpg);"></td>
        &lt;!&ndash;</c:forEach>&ndash;&gt;
        <td style="BORDER-right: #000000 1px solid;border-bottom: #000000 1px solid;background-image:url(../static/img/baobian.jpg);"></td>-->
    </tr>
    <!--<c:if test="${firstHeight>0}">-->
    <!--<tr ng-if="product.firstHeight > 0">
        <td class="firstHeight10" style="BORDER-right: #000000 1px solid;border-bottom: #000000 1px solid;">
            {{product.firstHeight}}
        </td>
        <td style="BORDER-right: #000000 1px solid;border-bottom: #000000 1px solid;background-image:url(../static/img/baobian.jpg);"></td>
        &lt;!&ndash;<c:forEach var="i" begin="1" end="${width}" varStatus="status">&ndash;&gt;
        <td ng-repeat="singleWidth in eachWidth" style="BORDER-right: #000000 1px solid;border-bottom: #000000 1px solid;background-image:url(../static/img/td.jpg);"></td>
        &lt;!&ndash;</c:forEach>&ndash;&gt;
        <td style="BORDER-right: #000000 1px solid;border-bottom: #000000 1px solid;background-image:url(../static/img/baobian.jpg);"></td>
    </tr>-->
    <!--</c:if>-->
    <!--<c:if test="${line>0}">-->
    <!--<c:forEach var="i" begin="1" end="${line}">-->
    <tr ng-repeat="singleHeight in eachHeight">
        <td style="height:51px;BORDER-right: #000000 1px solid;border-bottom: #000000 1px solid;">1024</td>
        <!--<td style="BORDER-right: #000000 1px solid;border-bottom: #000000 1px solid;background-image:url(../static/img/baobian.jpg);"></td>-->
        <!--<c:forEach var="i" begin="1" end="${width}" varStatus="status">-->
        <td ng-repeat="singleWidth in eachWidth" style="BORDER-right: #000000 1px solid;border-bottom: #000000 1px solid;background-image:url(../static/img/td.jpg);"></td>
        <!--</c:forEach>-->
        <!--<td style="BORDER-right: #000000 1px solid;border-bottom: #000000 1px solid;background-image:url(../static/img/baobian.jpg);"></td>-->
    </tr>
    <!--</c:forEach>-->
    <!--</c:if>-->
    <!--<tr>
        <td class="hBaobian10" style="BORDER-right: #000000 1px solid;border-bottom: #000000 1px solid;">
            {{product.h_baobian}}
        </td>
        <td style="BORDER-right: #000000 1px solid;border-bottom: #000000 1px solid;background-image:url(../static/img/baobian.jpg);"></td>
        &lt;!&ndash;<c:forEach var="i" begin="1" end="${width}" varStatus="status">&ndash;&gt;
        <td ng-repeat="singleWidth in eachWidth" style="BORDER-right: #000000 1px solid;border-bottom: #000000 1px solid;background-image:url(../static/img/baobian.jpg);"></td>
        &lt;!&ndash;</c:forEach>&ndash;&gt;
        <td style="BORDER-right: #000000 1px solid;border-bottom: #000000 1px solid;background-image:url(../static/img/baobian.jpg);"></td>
        &lt;!&ndash;<c:if test="${line<1}">&ndash;&gt;
        <td ng-if="product.line < 1" style="BORDER-right: #000000 1px solid;border-bottom: #000000 1px solid;background-image:url(../static/img/baobian.jpg);"></td>
        &lt;!&ndash;</c:if>&ndash;&gt;
    </tr>-->

</table>
</body>
<script src="../../globalVar.js"></script>
<script>
    var app = angular.module('zhengmian', []);
    app.controller('zmCtrl', function ($scope, $http) {

        function GetQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null)return unescape(r[2]);
            return null;
        }

        $scope.width = parseInt(GetQueryString("width"));
        $scope.height = parseInt(GetQueryString("height"));

        $scope.token = localStorage.getItem("token");
        var modelId = localStorage.getItem("modelId");
        if (modelId === null) {
            $scope.modelId = 1;
        } else {
            $scope.modelId = modelId
        }


       /* $http({
            method: "GET",
            url: url + "/product/fanmian?token=" + $scope.token + "&productId=" + $scope.modelId + "&width=" + $scope.width + "&height=" + $scope.height
        }).then(
            function success(response) {
                console.log(response.data.obj);
                $scope.product = response.data.obj;
                /!*$(".tWidth10").css("width", parseInt($scope.product.t_width) / 10 + "px");*!/
                $(".wBaobian10").css("width", parseInt($scope.product.w_baobian) / 10 + "px");
                $(".tHeight10").css("height", parseInt($scope.product.t_height) / 10 + "px");
                $(".firstHeight10").css("height", parseInt($scope.product.firstHeight) / 10 + "px");
                $(".hBaobian10").css("height", parseInt($scope.product.h_baobian) / 10 + "px");
                $scope.times = [];
                for (var i = 0; i < $scope.product.times; i++) {
                    $scope.times.push(i);
                }

                $scope.lines = [];
                for (var j = 1; j < $scope.product.line; j++) {
                    $scope.lines.push(j);
                }

            },
            function error(response) {
                location.href = "login.html";
            }
        );*/

        $scope.eachWidth = [];
        for (var i = 1; i < $scope.width; i++) {
            $scope.eachWidth.push(i);
        }

        $scope.eachHeight = [];
        for (var i = 1; i < $scope.height; i++) {
            $scope.eachHeight.push(i);
        }

    });
</script>
</html>